@import '@/lib/reset.scss';
body, body, .container,.box {
  @include rect(100%, 100%)
}
.container,.box{
    @include flexbox();
    @include flex-direction(column);
    .mint-header{
        @include background-color(#ffd9e4);
        flex-shrink: 0;
    }
    .header{
        @include rect(100%, 0.44rem);
        @include background-color(#ffd9e4);
        @include text-color(#fff);
        @include font-size(0.22rem);
        @include flexbox();
        @include justify-content();
        @include align-items();
    }
    .content{
        @include flex();
        @include rect(100%, auto);
        @include overflow();
        .mint-swipe {
            @include rect(100%,1.6rem);
            margin:0.1rem 0 0 0;
            img {
              @include rect(100%,auto);  
            }
          }
          .prolist {
            @include rect(100%,100%);
            li {
              @include rect(100%,1rem);
              @include border(0px 0px 1px 0px,#ccc,solid);
              img {
                @include rect(auto,0.9rem);
                @include margin(0.05rem 0.1rem)
              }
            }
          }
    }
    .footer{
        @include rect(100%, 0.5rem);
        @include background-color(#fee7ed);
        flex-shrink: 0;
        ul {
            @include rect(100%,100%);
            @include flexbox();
            li {
                @include flex();
                @include flexbox();
                @include flex-direction(column);
                @include justify-content();
                @include align-items();
                &.router-link-active{
                    @include text-color(rgb(255, 102, 191))
                }
                span {
                    @include font-size(0.20rem);
                }
                p {
                    @include font-size(0.12rem)
                }
            }
        }

    }
   
}